var daArr = document.getElementsByClassName('dade')[0];
var xiaoArr = document.getElementsByClassName('dianfanbao10')[0];

var daBrr = '';
var xiaoBrr = '';

// console.log(data.applianceData);

var arr01 = data.applianceData.slice(0, 6);
// console.log(arr01);


for (let i = 0; i < 1; i++) {
    daBrr += `
    <li class="dadedianfanbao1">
        <div class="dianfanbao1">
            <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${data.applianceData[i].goodsurls.nowurl}" alt=""></a>
        </div>
        <div class="dianfanbao2">
            <div class="dianfanbao2-1">
                <a href="">${data.applianceData[i].goodstitle}</a>
            </div>
            <div class="dianfanbao2-2">
                <div>${data.applianceData[i].goodsprice}</div>
                <a href="">查看详情</a>
            </div>
        </div>
    </li>
    `
}
for (let i = 0; i < arr01.length; i++) {
    xiaoBrr += `
    <li class="xiaodianfanbao1">
        <div class="xiaodianfanbao1-1">
        <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${data.applianceData[i].goodsurls.nowurl}" alt=""></a>
        </div>
        <div class="xiaodianfanbao1-2">
        <a href="">${data.applianceData[i].goodstitle}</a>
        </div>
        <div>${data.applianceData[i].goodsprice}</div>
    </li>
    `
}
xiaoArr.innerHTML = xiaoBrr;
daArr.innerHTML = daBrr;


//排他思想  排他思想
var paiTa1 = document.getElementsByClassName('paita1');
var Paita2 = document.getElementsByClassName('box5-2-2')[0];

for (var i = 0; i < paiTa1.length; i++) {
    paiTa1[i].ind = i;
    paiTa1[i].onmouseover = function() {
        for (var j = 0; j < paiTa1.length; j++) {
            paiTa1[j].style.border = '1px solid #ededed';
            paiTa1[j].style.borderBottom = '1px solid #2E84E9';
        }
        this.style.border = '1px solid #2E84E9';
        this.style.borderBottom = '1px solid #ededed';
        xiaoArr.innerHTML = "";
        xiaoBrr = '';

        daArr.innerHTML = "";
        daBrr = '';

        if (this.ind == 0) {

            for (let i = 0; i < 1; i++) {
                daBrr += `
                <li class="dadedianfanbao1">
                    <div class="dianfanbao1">
                        <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${data.applianceData[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="dianfanbao2">
                        <div class="dianfanbao2-1">
                            <a href="">${data.applianceData[i].goodstitle}</a>
                        </div>
                        <div class="dianfanbao2-2">
                            <div>${data.applianceData[i].goodsprice}</div>
                            <a href="">查看详情</a>
                        </div>
                    </div>
                </li>
                `

            }

            for (let i = 0; i < arr01.length; i++) {
                xiaoBrr += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${data.applianceData[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${data.applianceData[i].goodstitle}</a>
                    </div>
                    <div>${data.applianceData[i].goodsprice}</div>
                </li>
                `
            }
            xiaoArr.innerHTML = xiaoBrr;
            daArr.innerHTML = daBrr;
        }
        if (this.ind == 1) {
            chenB.forEach(function(v, i) {
                daBrr += `
                <li class="dadedianfanbao1">
                    <div class="dianfanbao1">
                        <a href=""><img src="${chenB[i].img}" alt=""></a>
                    </div>
                    <div class="dianfanbao2">
                        <div class="dianfanbao2-1">
                            <a href="">${chenB[i].text}</a>
                        </div>
                        <div class="dianfanbao2-2">
                            <div>${chenB[i].jiage}</div>
                            <a href="">查看详情</a>
                        </div>
                    </div>
                </li>
                `
            })
            daArr.innerHTML = daBrr;


            var arr02 = data.applianceData.slice(5, 7);
            for (let i = 0; i < arr02.length; i++) {

                xiaoBrr += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr02[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr02[i].goodstitle}</a>
                    </div>
                    <div>${arr02[i].goodsprice}</div>
                </li>
                `
            }
            xiaoArr.innerHTML = xiaoBrr;
        }
        xiaoArr.innerHTML = xiaoBrr;
        if (this.ind == 2) {
            chenC.forEach(function(v, i) {
                daBrr += `
                <li class="dadedianfanbao1">
                    <div class="dianfanbao1">
                        <a href=""><img src="${chenC[i].img}" alt=""></a>
                    </div>
                    <div class="dianfanbao2">
                        <div class="dianfanbao2-1">
                            <a href="">${chenC[i].text}</a>
                        </div>
                        <div class="dianfanbao2-2">
                            <div>${chenC[i].jiage}</div>
                            <a href="">查看详情</a>
                        </div>
                    </div>
                </li>
                `
            })
            daArr.innerHTML = daBrr;

            var arr03 = data.applianceData.slice(10, 13);
            for (let i = 0; i < arr03.length; i++) {

                xiaoBrr += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr03[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr03[i].goodstitle}</a>
                    </div>
                    <div>${arr03[i].goodsprice}</div>
                </li>
                `
            }
            xiaoArr.innerHTML = xiaoBrr;
        }
        xiaoArr.innerHTML = xiaoBrr;
        if (this.ind == 3) {
            chenD.forEach(function(v, i) {
                daBrr += `
                <li class="dadedianfanbao1">
                    <div class="dianfanbao1">
                        <a href=""><img src="${chenD[i].img}" alt=""></a>
                    </div>
                    <div class="dianfanbao2">
                        <div class="dianfanbao2-1">
                            <a href="">${chenD[i].text}</a>
                        </div>
                        <div class="dianfanbao2-2">
                            <div>${chenD[i].jiage}</div>
                            <a href="">查看详情</a>
                        </div>
                    </div>
                </li>
                `
            })
            daArr.innerHTML = daBrr;

            var arr04 = data.applianceData.slice(12, 15);
            for (let i = 0; i < arr04.length; i++) {

                xiaoBrr += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr04[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr04[i].goodstitle}</a>
                    </div>
                    <div>${arr04[i].goodsprice}</div>
                </li>
                `
            }
            xiaoArr.innerHTML = xiaoBrr;
        }
        xiaoArr.innerHTML = xiaoBrr;
        if (this.ind == 4) {
            chenE.forEach(function(v, i) {
                daBrr += `
                <li class="dadedianfanbao1">
                    <div class="dianfanbao1">
                        <a href=""><img src="${chenE[i].img}" alt=""></a>
                    </div>
                    <div class="dianfanbao2">
                        <div class="dianfanbao2-1">
                            <a href="">${chenE[i].text}</a>
                        </div>
                        <div class="dianfanbao2-2">
                            <div>${chenE[i].jiage}</div>
                            <a href="">查看详情</a>
                        </div>
                    </div>
                </li>
                `
            })
            daArr.innerHTML = daBrr;


            var arr05 = data.applianceData.slice(5, 10);
            for (let i = 0; i < arr05.length; i++) {

                xiaoBrr += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr05[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr05[i].goodstitle}</a>
                    </div>
                    <div>${arr05[i].goodsprice}</div>
                </li>
                `
            }
            xiaoArr.innerHTML = xiaoBrr;
        }
        xiaoArr.innerHTML = xiaoBrr;
    }
}

// 厨房底部

var src = '';
var yanA = document.getElementsByClassName('chudi')[0];

pengB.forEach(function(v, i) {
    src += `
    <li>
        <a href=""><img src="${pengB[i].img}" alt=""></a>
    </li>
    `
})
yanA.innerHTML = src;

// saffffffffffffffffffffffffffffffffffffff


var daArr1 = document.getElementsByClassName('dade1')[0];
var xiaoArr1 = document.getElementsByClassName('jiadian10')[0];

var daBrr1 = '';
var xiaoBrr1 = '';

chenA.forEach(function(v, i) {
    daBrr1 += `
    <li class="box6-1">
    <div class="jiadian1">
        <a href=""><img src="${chenA[i].img}" alt=""></a>
    </div>
    <div class="jiadian2">
        <div class="jiadian2-1">
            <a href="">${chenA[i].text}</a>
        </div>
        <div class="jiadian2-2">
            <div>${chenA[i].jiage}</div>
            <a href="">查看详情</a>
        </div>
    </div>
</li>
    `
})
daArr1.innerHTML = daBrr1;


var arr06 = data.applianceData.slice(15, 20);
for (let i = 0; i < arr06.length; i++) {

    xiaoBrr1 += `
    <li class="xiaodianfanbao1">
        <div class="xiaodianfanbao1-1">
        <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr06[i].goodsurls.nowurl}" alt=""></a>
        </div>
        <div class="xiaodianfanbao1-2">
        <a href="">${arr06[i].goodstitle}</a>
        </div>
        <div>${arr06[i].goodsprice}</div>
    </li>
    `
}
xiaoArr1.innerHTML = xiaoBrr1;


//排他思想  排他思想
var paiTa2 = document.getElementsByClassName('paita2');
var Paita2 = document.getElementsByClassName('box5-2-2')[0];

for (var i = 0; i < paiTa2.length; i++) {
    paiTa2[i].ind = i;
    paiTa2[i].onmouseover = function() {
        for (var p = 0; p < paiTa2.length; p++) {
            paiTa2[p].style.border = '1px solid #ededed';
            paiTa2[p].style.borderBottom = '1px solid #2E84E9';
        }
        this.style.border = '1px solid #2E84E9';
        this.style.borderBottom = '1px solid #ededed';
        xiaoArr1.innerHTML = "";
        xiaoBrr1 = '';

        daArr1.innerHTML = "";
        daBrr1 = '';

        if (this.ind == 0) {

            chenA.forEach(function(v, i) {
                daBrr1 += `
                <li class="box6-1">
                <div class="jiadian1">
                    <a href=""><img src="${chenA[i].img}" alt=""></a>
                </div>
                <div class="jiadian2">
                    <div class="jiadian2-1">
                        <a href="">${chenA[i].text}</a>
                    </div>
                    <div class="jiadian2-2">
                        <div>${chenA[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr1.innerHTML = daBrr1;

            var arr07 = data.applianceData.slice(15, 20);
            for (let i = 0; i < arr07.length; i++) {
                xiaoBrr1 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr07[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr07[i].goodstitle}</a>
                    </div>
                    <div>${arr07[i].goodsprice}</div>
                </li>
                `
            }
            xiaoArr1.innerHTML = xiaoBrr1;
        }
        if (this.ind == 1) {
            chenB.forEach(function(v, i) {
                daBrr1 += `
                <li class="box6-1">
                <div class="jiadian1">
                    <a href=""><img src="${chenB[i].img}" alt=""></a>
                </div>
                <div class="jiadian2">
                    <div class="jiadian2-1">
                        <a href="">${chenB[i].text}</a>
                    </div>
                    <div class="jiadian2-2">
                        <div>${chenB[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr1.innerHTML = daBrr1;

            var arr08 = data.applianceData.slice(14, 18);
            for (let i = 0; i < arr08.length; i++) {
                xiaoBrr1 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr08[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr08[i].goodstitle}</a>
                    </div>
                    <div>${arr08[i].goodsprice}</div>
                </li>
                `
            }

        }
        xiaoArr1.innerHTML = xiaoBrr1;
        if (this.ind == 2) {
            chenC.forEach(function(v, i) {
                daBrr1 += `
                <li class="box6-1">
                <div class="jiadian1">
                    <a href=""><img src="${chenC[i].img}" alt=""></a>
                </div>
                <div class="jiadian2">
                    <div class="jiadian2-1">
                        <a href="">${chenC[i].text}</a>
                    </div>
                    <div class="jiadian2-2">
                        <div>${chenC[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr1.innerHTML = daBrr1;

            var arr09 = data.applianceData.slice(15, 19);
            for (let i = 0; i < arr09.length; i++) {
                xiaoBrr1 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr09[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr09[i].goodstitle}</a>
                    </div>
                    <div>${arr09[i].goodsprice}</div>
                </li>
                `
            }

        }
        xiaoArr1.innerHTML = xiaoBrr1;
        if (this.ind == 3) {
            chenD.forEach(function(v, i) {
                daBrr1 += `
                <li class="box6-1">
                <div class="jiadian1">
                    <a href=""><img src="${chenA[i].img}" alt=""></a>
                </div>
                <div class="jiadian2">
                    <div class="jiadian2-1">
                        <a href="">${chenA[i].text}</a>
                    </div>
                    <div class="jiadian2-2">
                        <div>${chenA[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr1.innerHTML = daBrr1;

            var arr10 = data.applianceData.slice(10, 14);
            for (let i = 0; i < arr09.length; i++) {
                xiaoBrr1 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr10[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr10[i].goodstitle}</a>
                    </div>
                    <div>${arr10[i].goodsprice}</div>
                </li>
                `
            }

        }
        xiaoArr1.innerHTML = xiaoBrr1;
        if (this.ind == 4) {
            chenE.forEach(function(v, i) {
                daBrr1 += `
                <li class="box6-1">
                <div class="jiadian1">
                    <a href=""><img src="${chenE[i].img}" alt=""></a>
                </div>
                <div class="jiadian2">
                    <div class="jiadian2-1">
                        <a href="">${chenE[i].text}</a>
                    </div>
                    <div class="jiadian2-2">
                        <div>${chenE[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr1.innerHTML = daBrr1;


            var arr11 = data.applianceData.slice(14, 16);
            for (let i = 0; i < arr11.length; i++) {
                xiaoBrr1 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr11[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr11[i].goodstitle}</a>
                    </div>
                    <div>${arr11[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr1.innerHTML = xiaoBrr1;
    }
}

// 厨房底部

var src = '';
var yanA = document.getElementsByClassName('chudi')[0];

pengB.forEach(function(v, i) {
    src += `
    <li>
        <a href=""><img src="${pengB[i].img}" alt=""></a>
    </li>
    `
})
yanA.innerHTML = src;


// 个户家庭
var daArr2 = document.getElementsByClassName('dade2')[0];
var xiaoArr2 = document.getElementsByClassName('jiating10')[0];

var daBrr2 = '';
var xiaoBrr2 = '';

chenA.forEach(function(v, i) {
    daBrr2 += `
    <li class="box7-1">
    <div class="jiating1">
        <a href=""><img src="${chenA[i].img}" alt=""></a>
    </div>
    <div class="jiating2">
        <div class="jiating2-1">
            <a href="">${chenA[i].text}</a>
        </div>
        <div class="jiating2-2">
            <div>${chenA[i].jiage}</div>
            <a href="">查看详情</a>
        </div>
    </div>
</li>
    `
})
daArr2.innerHTML = daBrr2;



var arr12 = data.applianceData.slice(15, 19);
for (let i = 0; i < arr12.length; i++) {
    xiaoBrr2 += `
    <li class="xiaodianfanbao1">
        <div class="xiaodianfanbao1-1">
        <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr12[i].goodsurls.nowurl}" alt=""></a>
        </div>
        <div class="xiaodianfanbao1-2">
        <a href="">${arr12[i].goodstitle}</a>
        </div>
        <div>${arr12[i].goodsprice}</div>
    </li>
    `
}
xiaoArr2.innerHTML = xiaoBrr2;


//排他思想  排他思想
var paiTa3 = document.getElementsByClassName('paita3');
// var paita3 = document.getElementsByClassName('box5-2-2')[0];

for (var i = 0; i < paiTa3.length; i++) {
    paiTa3[i].ind = i;
    paiTa3[i].onmouseover = function() {
        for (var p = 0; p < paiTa3.length; p++) {
            paiTa3[p].style.border = '1px solid #ededed';
            paiTa3[p].style.borderBottom = '1px solid #2E84E9';
        }
        this.style.border = '1px solid #2E84E9';
        this.style.borderBottom = '1px solid #ededed';
        xiaoArr2.innerHTML = "";
        xiaoBrr2 = '';

        daArr2.innerHTML = "";
        daBrr2 = '';

        if (this.ind == 0) {

            chenA.forEach(function(v, i) {
                daBrr2 += `
                <li class="box7-1">
                <div class="jiating1">
                    <a href=""><img src="${chenA[i].img}" alt=""></a>
                </div>
                <div class="jiating2">
                    <div class="jiating2-1">
                        <a href="">${chenA[i].text}</a>
                    </div>
                    <div class="jiating2-2">
                        <div>${chenA[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr2.innerHTML = daBrr2;

            var arr13 = data.applianceData.slice(15, 19);
            for (let i = 0; i < arr13.length; i++) {
                xiaoBrr2 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr13[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr13[i].goodstitle}</a>
                    </div>
                    <div>${arr13[i].goodsprice}</div>
                </li>
                `
            }
            xiaoArr2.innerHTML = xiaoBrr2;
        }
        if (this.ind == 1) {
            chenB.forEach(function(v, i) {
                daBrr2 += `
                <li class="box7-1">
                <div class="jiating1">
                    <a href=""><img src="${chenB[i].img}" alt=""></a>
                </div>
                <div class="jiating2">
                    <div class="jiating2-1">
                        <a href="">${chenB[i].text}</a>
                    </div>
                    <div class="jiating2-2">
                        <div>${chenB[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr2.innerHTML = daBrr2;

            var arr14 = data.applianceData.slice(12, 15);
            for (let i = 0; i < arr14.length; i++) {
                xiaoBrr2 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr14[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr14[i].goodstitle}</a>
                    </div>
                    <div>${arr14[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr2.innerHTML = xiaoBrr2;
        if (this.ind == 2) {
            chenC.forEach(function(v, i) {
                daBrr2 += `
                <li class="box7-1">
                <div class="jiating1">
                    <a href=""><img src="${chenC[i].img}" alt=""></a>
                </div>
                <div class="jiating2">
                    <div class="jiating2-1">
                        <a href="">${chenC[i].text}</a>
                    </div>
                    <div class="jiating2-2">
                        <div>${chenC[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr2.innerHTML = daBrr2;

            var arr15 = data.applianceData.slice(12, 15);
            for (let i = 0; i < arr15.length; i++) {
                xiaoBrr2 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr15[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr15[i].goodstitle}</a>
                    </div>
                    <div>${arr15[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr2.innerHTML = xiaoBrr2;
        if (this.ind == 3) {
            chenD.forEach(function(v, i) {
                daBrr2 += `
                <li class="box7-1">
                <div class="jiating1">
                    <a href=""><img src="${chenA[i].img}" alt=""></a>
                </div>
                <div class="jiating2">
                    <div class="jiating2-1">
                        <a href="">${chenA[i].text}</a>
                    </div>
                    <div class="jiating2-2">
                        <div>${chenA[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr2.innerHTML = daBrr2;

            var arr16 = data.applianceData.slice(14, 20);
            for (let i = 0; i < arr16.length; i++) {
                xiaoBrr2 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr16[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr16[i].goodstitle}</a>
                    </div>
                    <div>${arr16[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr2.innerHTML = xiaoBrr2;
        if (this.ind == 4) {
            chenE.forEach(function(v, i) {
                daBrr2 += `
                <li class="box7-1">
                <div class="jiating1">
                    <a href=""><img src="${chenE[i].img}" alt=""></a>
                </div>
                <div class="jiating2">
                    <div class="jiating2-1">
                        <a href="">${chenE[i].text}</a>
                    </div>
                    <div class="jiating2-2">
                        <div>${chenE[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr2.innerHTML = daBrr2;


            var arr17 = data.applianceData.slice(14, 18);
            for (let i = 0; i < arr17.length; i++) {
                xiaoBrr2 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr17[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr17[i].goodstitle}</a>
                    </div>
                    <div>${arr17[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr2.innerHTML = xiaoBrr2;
    }
}

// 厨房底部

var src = '';
var yanA = document.getElementsByClassName('chudi')[0];

pengB.forEach(function(v, i) {
    src += `
    <li>
        <a href=""><img src="${pengB[i].img}" alt=""></a>
    </li>
    `
})
yanA.innerHTML = src;

// 五金
var daArr4 = document.getElementsByClassName('dade3')[0];
var xiaoArr4 = document.getElementsByClassName('wujin10')[0];

var daBrr4 = '';
var xiaoBrr4 = '';

chenA.forEach(function(v, i) {
    daBrr4 += `
    <li class="box8-1">
    <div class="wujin1">
        <a href=""><img src="${chenA[i].img}" alt=""></a>
    </div>
    <div class="wujin2">
        <div class="wujin2-1">
            <a href="">${chenA[i].text}</a>
        </div>
        <div class="wujin2-2">
            <div>${chenA[i].jiage}</div>
            <a href="">查看详情</a>
        </div>
    </div>
</li>
    `
})
daArr4.innerHTML = daBrr4;


var arr18 = data.applianceData.slice(14, 20);
for (let i = 0; i < arr18.length; i++) {
    xiaoBrr4 += `
    <li class="xiaodianfanbao1">
        <div class="xiaodianfanbao1-1">
        <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr18[i].goodsurls.nowurl}" alt=""></a>
        </div>
        <div class="xiaodianfanbao1-2">
        <a href="">${arr18[i].goodstitle}</a>
        </div>
        <div>${arr18[i].goodsprice}</div>
    </li>
    `
}
xiaoArr4.innerHTML = xiaoBrr4;


//排他思想  排他思想
var paiTa5 = document.getElementsByClassName('paita4');
// var Paita4 = document.getElementsByClassName('box5-2-2')[0];

for (var i = 0; i < paiTa5.length; i++) {
    paiTa5[i].ind = i;
    paiTa5[i].onmouseover = function() {
        for (var p = 0; p < paiTa5.length; p++) {
            paiTa5[p].style.border = '1px solid #ededed';
            paiTa5[p].style.borderBottom = '1px solid #2E84E9';
        }
        this.style.border = '1px solid #2E84E9';
        this.style.borderBottom = '1px solid #ededed';
        xiaoArr4.innerHTML = "";
        xiaoBrr4 = '';

        daArr4.innerHTML = "";
        daBrr4 = '';

        if (this.ind == 0) {

            chenA.forEach(function(v, i) {
                daBrr4 += `
                <li class="box8-1">
                <div class="wujin1">
                    <a href=""><img src="${chenA[i].img}" alt=""></a>
                </div>
                <div class="wujin2">
                    <div class="wujin2-1">
                        <a href="">${chenA[i].text}</a>
                    </div>
                    <div class="wujin2-2">
                        <div>${chenA[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr4.innerHTML = daBrr4;

            var arr19 = data.applianceData.slice(12, 15);
            for (let i = 0; i < arr19.length; i++) {
                xiaoBrr4 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr19[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr19[i].goodstitle}</a>
                    </div>
                    <div>${arr19[i].goodsprice}</div>
                </li>
                `
            }

        }
        xiaoArr4.innerHTML = xiaoBrr4;
        if (this.ind == 1) {
            chenB.forEach(function(v, i) {
                daBrr4 += `
                <li class="box8-1">
                <div class="wujin1">
                    <a href=""><img src="${chenB[i].img}" alt=""></a>
                </div>
                <div class="wujin2">
                    <div class="wujin2-1">
                        <a href="">${chenB[i].text}</a>
                    </div>
                    <div class="wujin2-2">
                        <div>${chenB[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr4.innerHTML = daBrr4;

            var arr20 = data.applianceData.slice(9, 12);
            for (let i = 0; i < arr20.length; i++) {
                xiaoBrr4 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr20[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr20[i].goodstitle}</a>
                    </div>
                    <div>${arr20[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr4.innerHTML = xiaoBrr4;
        if (this.ind == 2) {
            chenC.forEach(function(v, i) {
                daBrr4 += `
                <li class="box8-1">
                <div class="wujin1">
                    <a href=""><img src="${chenC[i].img}" alt=""></a>
                </div>
                <div class="wujin2">
                    <div class="wujin2-1">
                        <a href="">${chenC[i].text}</a>
                    </div>
                    <div class="wujin2-2">
                        <div>${chenC[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr4.innerHTML = daBrr4;

            var arr21 = data.applianceData.slice(1, 6);
            for (let i = 0; i < arr21.length; i++) {
                xiaoBrr4 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr21[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr21[i].goodstitle}</a>
                    </div>
                    <div>${arr21[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr4.innerHTML = xiaoBrr4;
        if (this.ind == 3) {
            chenD.forEach(function(v, i) {
                daBrr4 += `
                <li class="box8-1">
                <div class="wujin1">
                    <a href=""><img src="${chenA[i].img}" alt=""></a>
                </div>
                <div class="wujin2">
                    <div class="wujin2-1">
                        <a href="">${chenA[i].text}</a>
                    </div>
                    <div class="wujin2-2">
                        <div>${chenA[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr4.innerHTML = daBrr4;

            var arr22 = data.applianceData.slice(5, 9);
            for (let i = 0; i < arr22.length; i++) {
                xiaoBrr4 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr22[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr22[i].goodstitle}</a>
                    </div>
                    <div>${arr22[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr4.innerHTML = xiaoBrr4;
        if (this.ind == 4) {
            chenE.forEach(function(v, i) {
                daBrr4 += `
                <li class="box8-1">
                <div class="wujin1">
                    <a href=""><img src="${chenE[i].img}" alt=""></a>
                </div>
                <div class="wujin2">
                    <div class="wujin2-1">
                        <a href="">${chenE[i].text}</a>
                    </div>
                    <div class="wujin2-2">
                        <div>${chenE[i].jiage}</div>
                        <a href="">查看详情</a>
                    </div>
                </div>
            </li>
                `
            })
            daArr4.innerHTML = daBrr4;


            var arr23 = data.applianceData.slice(1, 6);
            for (let i = 0; i < arr23.length; i++) {
                xiaoBrr4 += `
                <li class="xiaodianfanbao1">
                    <div class="xiaodianfanbao1-1">
                    <a href="goods.html?shopName=applianceData#${data.applianceData[i].goodsid}"><img src="${arr23[i].goodsurls.nowurl}" alt=""></a>
                    </div>
                    <div class="xiaodianfanbao1-2">
                    <a href="">${arr23[i].goodstitle}</a>
                    </div>
                    <div>${arr23[i].goodsprice}</div>
                </li>
                `
            }
        }
        xiaoArr4.innerHTML = xiaoBrr4;
    }
}

// 厨房底部

var src = '';
var yanA = document.getElementsByClassName('chudi')[0];

pengB.forEach(function(v, i) {
    src += `
    <li>
        <a href=""><img src="${pengB[i].img}" alt=""></a>
    </li>
    `
})
yanA.innerHTML = src;